<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
	<meta name="renderer" content="webkit">
	<title>scoreResult</title>
	<link rel="stylesheet" href="${domain}/static/css/common/base.css">
	<link rel="stylesheet" href="${domain}/static/css/common/bootstrap.min.css">
	<link rel="stylesheet" href="${domain}/static/css/common/header.css">
	<link rel="stylesheet" href="${domain}/static/css/scoreResult.css">
	<script src="${domain}/static/js/jquery-3.2.1.min.js"></script>
	<script src="${domain}/static/js/bootstrap.min.js"></script>
	<script src="${domain}/static/js/chart.meter.js"></script>
</head>
<body>
<!--头部导航-->
<!--导航-->

<div class="content" style="height: 1100px;">
	<!--侧边导航-->
	<!--菜单-->
	
	<div class="query-report">
		<div class="wrap">
			<p class="title"><span>评分结果</span></p>
			<div class="info">
				<canvas id="meter" width="360" height="220"></canvas>
			</div>
			<div class="details">
				<h4 class="server-title">详情</h4>
				<p>1.纯在借款未还清</p>
				<p>2.纯在借款未还清</p>
				<p>3.纯在借款未还清</p>
				<p>4.纯在借款未还清</p>
			</div>
			<div class="appreciation">
				<h4 class="server-title">增值服务</h4>
				<ul>
					<li>
						<a href="javascript:void(0);">
							<p class="contain"><span>淘宝信息淘宝信息</span></p>
							<p class="contain"><span>2元一次</span></p>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<p class="contain"><span>淘宝信息淘宝信息</span></p>
							<p class="contain"><span>2元一次</span></p>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<p class="contain"><span>淘宝信息淘宝信息</span></p>
							<p class="contain"><span>2元一次</span></p>
						</a>
					</li>
				</ul>
				<ul>
					<li>
						<a href="javascript:void(0);">
							<p class="contain"><span>淘宝信息淘宝信息</span></p>
							<p class="contain"><span>2元一次</span></p>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<p class="contain"><span>淘宝信息淘宝信息</span></p>
							<p class="contain"><span>2元一次</span></p>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<p class="contain"><span>淘宝信息淘宝信息</span></p>
							<p class="contain"><span>2元一次</span></p>
						</a>
					</li>
				</ul>
			
			</div>
			<div class="disclaimer">
				<h4 class="server-title">免责声明</h4>
				<p>世界第搜集的啥的就哦啊升级到级送到家啊</p>
				<p>世界第搜集的啥的就哦啊升级到级送到家啊</p>
			</div>
		</div>
	</div>
</div>
</body>
<script>
	window.onload = function(){
		Meter.setOptions({
			element: 'meter',
			centerPoint: {
				x: 180,
				y: 180
			},
			radius: 180,
			data: {
				value: 50,
				title: '评分结果',
				/*subTitle: '评估时间：2015.07.28',*/
				area: [{
					min: 0, max: 25, text: ''
				},{
					min: 25, max: 50, text: ''
				},{
					min: 50, max: 75, text: ''
				},{
					min: 75, max: 100, text: ''
				}]
			}
		}).init();
	}
</script>

</html>